.menus {
  display: grid;
  grid-template-columns: repeat(5, 20%);
  margin-top: 20rpx;
}

.menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20rpx;

  @at-root #{&}--icon {
    width: 90rpx;
    height: 90rpx;
    border-radius: 50%;
    text-align: center;
  }

  @at-root #{&}--title {
    display: inline-block;
    font-size: 24rpx;
    color: #a1a1a1;
  }
}
